<template>
  <div>
    <h1>Child ----{{ count }}</h1>
    <!-- <button @click='updateCount'>修改props接收的值</button> -->
    <button @click="changeCount(2)">向父组件传值修改count</button>
  </div>
</template>

<script>
export default {
  name: "Child",
  // 1.数组
  props: ["count", "changeCount"],

  /*   
  // 2. 对象
  props: {
    count: Number,
    changeCount: Function,
  }, 
  */

  /*  
 // 3. 
  props:{
    count:{
      type:Number,
      require:true,
    },
    changeCount: Function
  }, 
  */
  methods: {
    // // 不能直接修改props值
    // updateCount(){
    //   this.count++
    // }
  },
};
</script>

<style>
</style>